<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.rect {
				position: absolute;
				top: 20px;
				left: 20px;
				width: 200px;
				height: 200px;
				background: linear-gradient(to left, #02a6b5, #02a6b5) left top no-repeat,
					linear-gradient(to bottom, #02a6b5, #02a6b5) left top no-repeat,
					linear-gradient(to left, #02a6b5, #02a6b5) right top no-repeat,
					linear-gradient(to bottom, #02a6b5, #02a6b5) right top no-repeat,
					linear-gradient(to left, #02a6b5, #02a6b5) left bottom no-repeat,
					linear-gradient(to bottom, #02a6b5, #02a6b5) left bottom no-repeat,
					linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat,
					linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat;
				background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
				background-color: #00FF00;

			}
		</style>
	</head>
	<body>
		<div class="rect"></div>
	</body>
</html>
